<template>
  <div id="app">
    <ul>
      <li v-for="item in arr" :key="item.id">
        <span>{{item.id}}---{{item.class}}--{{item.info}}---</span>
        <router-link :to="{name:'classes',params:{id:item.id}}">班级</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      arr: [
        { id: 1, class: "w2011A", info: "做大做强再创辉煌" },
        { id: 2, class: "w2104A", info: "键盘敲烂，月薪过万" },
        { id: 3, class: "w2107A", info: "活着！！" }
      ]
    };
  },
  components: {}
};
</script>

<style lang="less">
</style>
